*{
    margin: 0;
    padding: 0;
}
.top{
    ul{
        list-style: none;
        display: flex;
        width: 1150px;
        height: 50px;
        margin: 0 auto;
        line-height: 50px;
        li{
            display: inline-block;
            font-size: 13px;
            
        }
        li:nth-child(1){
           flex: 2;
           a{
               display: inline-block;
               width: 17px;
               height: 15px;
               background-image: url('../imgs/xiala.png');
           }
        }
        li:nth-child(2){
           flex: 2;
           color: red;
        }
        li:nth-child(3){
           flex: 2;
        }
        li:nth-child(4){
           flex: 4;
        }
        li:nth-child(5){
           flex: 2;
           
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        li:nth-child(6){
           flex: 2;
           i{
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url('../imgs/gwc.png');
           }
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        li:nth-child(7){
           flex: 2;
           i{
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url('../imgs/ef-shoucangjia-gongju.png');
           }
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        li:nth-child(8){
           flex: 2;
        }
        li:nth-child(9){
           flex: 2;
        }
        li:nth-child(10){
            p{
                display:inline-block;
            }
           flex: 3;
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        li:nth-child(11){
           flex: 2;
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        li:nth-child(12){
           flex: 2;
           i{
            display: inline-block;
            width: 14px;
            height: 14px;
            background-image: url('../imgs/caidan.png');
           }
           a{
            display: inline-block;
            width: 17px;
            height: 15px;
            background-image: url('../imgs/xiala.png');
        }
        }
        
    }
}
// 内容
.content{
    width: 100%;
    height: 2000px;
    background-color: #A02220;
    // position: relative;
    justify-content: center;
    align-items: center;
    display: flex;

    .box{
        // position: absolute;
        // top: 60px;
        // left: 360px;
        width: 1190px;
        height: 1800px;
        background-color: #FFFFFF;
        border-radius: 30px;

        .title1{
            .img1{
                margin-top: 50px;
                margin-left: 50px;
            }
            .img2{
                margin-top: 50px;
                margin-left: 100px;
            }
            // 输入框
            p{
                margin-top: 45px;
                padding-left: 30px;
                display: inline-block;
                vertical-align: top;
                font-size: 10px;
                font-weight: 400;
                width: 600px;
                height: 45px;
                border: 1px solid red;
                line-height: 45px;
                
                border-radius: 20px;
                margin-left: 100px;
                a{
                    display: inline-block;
                    width: 17px;
                    height: 15px;
                    background-image: url('../imgs/xiala.png');
                }
                i{
                    display: inline-block;
                    width: 17px;
                    height: 15px;
                    background-image: url('../imgs/xiangji.png');
                }
                button{
                    color: white;
                    font-size: 22px;
                    margin-top: 2px;
                    margin-left: 30px;
                    width: 100px;
                    height: 40px;
                    background-color: #FF8300;
                    border-radius: 20px;
                    overflow: hidden;
                }
                
                input{
                    display: inline-block;
                    vertical-align: top;
                    width: 400px;
                    height: 45px;
                    border-style: none;
                    outline: none;
                    
                }
            }
            ul{
                margin-left: 300px;
                li{
                    display: inline-block;
                    font-size: 10px;
    
                }
            }
        }
    }
    // 菜单
    .title2{
        ul{
            display: inline-block;
            list-style: none;
            margin-top: 30px;
            margin-left: 70px;
            li{
                font-size: 16px;
                float: left;
                margin-right: 20px;
            }
            li:nth-child(1){
                color: #FF5000;
                margin-right: 100px;
            }
            li:nth-child(2){
                color: #FF0036;
            }
            li:nth-child(3){
                color: #FF0036;
            }
            li:nth-child(4){
                color: #33C900;
            }
           
        }
    }
    .box2{
        display: flex;
        .left{
            flex: 47;
        
            ul{
                margin-left: 35px;
                margin-top: 6px;
                width: 154px;
                list-style: none;
                li{
                    height: 34px;
                    line-height: 34px;
                    color: #666;
                    a{
                        float: right;
                    }
                }
            }
        }
        // 首页图片
        .middle{
            margin-top: 20px;

            flex: 204;
            h1{
                display: inline-block;
                width: 520px;
                height: 280px;
                border-radius: 10px;
                overflow: hidden;
                margin-left: 37px;
            }
            h2{
                display: inline-block;
                width: 160px;
                height: 280px;
                border-radius: 10px;
                overflow: hidden;
                margin-left: 10px;
            }
            .guodu{
                margin-left: 37px;
                p{
                    display: inline-block;
                    color: #FF2352;
                    a{
                        color: #666;
                        font-size: 10px;
                    }
                }
                h6{
                    margin-right: 100px;
                    float: right;
                    color: #666;
                    a{
                        color: red;
                    }
                }
            }

            h3{
                display: inline-block;
                width: 240px;
                height: 182px;
                border-radius: 10px;
                overflow: hidden;
            }
            .h3{
                margin-left: 48px;
            }
            h5{
                margin-left: 34px;
                display: inline-block;
                width: 160px;
                height: 200px;
                border-radius: 10px;
                overflow: hidden;
            }
            
           
        }
        .right{

            flex: 75;
            margin-top: 20px;
            h1{
                margin: 0 auto;
                width: 50px;
                height: 50px;
                overflow: hidden;
                border-radius: 50%;
            }
        }
        h6{
            text-align: center;
        }
        .vip{
            margin-left: 35px;
            .p1{
                display: inline-block;
                font-size: 10px;
                color: red;
                background-color: #FFE4DB;
                width: 100px;
                height: 20px;
                border-radius: 10px;
                overflow: hidden;
                text-align: center;
                line-height: 20px;
                a{
                    display: inline-block;
                    width: 16px;
                    height: 14px;
                    background-image: url('../imgs/jinbi-yingbi-huobi-Coin.png');
                }
            }
            .p2{
                
                display: inline-block;
                font-size: 10px;
                color: red;
                background-color: #FFE4DB;
                width: 90px;
                height: 20px;
                border-radius: 10px;
                overflow: hidden;
                text-align: center;
                line-height: 20px;
                a{
                    display: inline-block;
                    width: 16px;
                    height: 14px;
                    background-image: url('../imgs/jinbi-yingbi-huobi-Coin.png');
                }
            }
        }
        .registered{
            text-align: center;
            ul li{
                font-size: 15px;
                display: inline-block;
                line-height: 25px;
                width: 70px;
                height: 25px;
                color: white;
                background-color: #FF6905;
                border-radius: 5px;
            }
        }
        .p3{
            width: 200px;
            height: 100px;
        }
        .announcement{
            ul{
                list-style: none;
                li{
                    display: inline-block;
                    font-weight: 700;
                    font-size: 15px;
                    margin-left: 16px;
                }
            }
            p{
                margin-left: 12px;
                display: inline-block;
                font-weight: 700;
                font-size: 15px;
            }
            h6{
                width: 265px;
                height: 223px;
                overflow: hidden;
            }
        }

    }
    .box3{
        .p-1{
            margin-left: 30px;
            font-size: 30px;
            font-family: 楷体;
            a{
                color: white;
                display: inline-block;
                width: 70px;
                height: 18px;
                background-color: #129FF6;
                font-size: 15px;
                border-radius: 5px;
                overflow: hidden;
            }
        }
        ul{
            list-style: none;
            li{
                display: inline-block;
                margin-left: 10px;
                p{
                    font-size: 17px;
                }
                a{
                    text-align: center;
                    color: #999999;
                    font-size: 15px;
                }
            }
        }
    }
    .box4{
        margin-top: 20px;
        p{
            margin-left: 10px;
            display: inline-block;
            width: 375px;
            height: 135px;
            border-radius: 10px;
            overflow: hidden;
        }
    }

}